:root {
  --ato-bg-theme: #ffffff;
  --ato-bg-theme-dark: #000000;
  --ato-text: #303133;
  --ato-border: rgba(60, 60, 67, .12);
  --ato-active: #409eff;
  --ato-hover: #79bbff;
  --ato-bg-login: rgba(255, 255, 255);
  --ato-text-placeholder: #a8abb2;
  --ato-fill-color-light: #f5f7fa;
}

html.dark {
  --ato-bg-theme: #000000;
  --ato-bg-theme-dark: #ffffff;
  --ato-text: #E5EAF3;
  --ato-border: rgba(82, 82, 89, .32);
  --ato-active: #409eff;
  --ato-hover: #3375b9;
  --ato-bg-login: rgba(0, 0, 0, 0.7);
  --ato-text-placeholder: #8D9095;
  --ato-fill-color-light: #262727;
}

